<template>
    <widget-root :styles="styles">
        <view class="separate">
            <view class="line" :style="borderStyle"></view>
        </view>
    </widget-root>
</template>

<script type="text/javascript">
    export default {
        props: {
            content: {
                type: [Object, Array]
            },
            styles: {
                type: [Object, Array]
            },
        },
        data() {
            return {

            }
        },
		computed: {
			borderStyle(){
				const content = this.content || {}
				const styles = this.styles || {}
				return {
					
					'border-top': `1rpx ${content.separate} ${styles.line_color}`
				}
			}
		},
        methods: {

        },
        
    };
</script>

<style lang="scss" scoped>
    .separate {
        width: 100%;
        .line {
            border-width: 1px;
        }
    }
</style>
